<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
.flex-container {
  display: -moz-box;  /* Firefox */ 
  display: -ms-flexbox;    /* IE10 */ 
  display: -webkit-box;    /* Safari */  
  display: -webkit-flex;    /* Chrome, WebKit */ 
  display: box;  
  display: flexbox;  
  display: flex;   
  width: 100%;  
  height: 100%;  
  background-color: gray;
  flex-flow: row;
  -ms-flex-flow: row;
  -webkit-flex-flow: row;
}
.left{
	flex: 1;
	background: red;
}
.right{
	width: 250px;
	background: blue;
}
		</style>
	</head>
	<body>
	<div class="flex-container">
	  <div class="left">
	    456
	  </div>
	  <div class="right">
	  	456444
	  </div>
	</div>
	</body>
</html>
